@charset "utf-8";
html,body{min-width:1420px;}
.header{border-bottom:3px solid #DD3226;}
.headBox{height:130px;display:flex;justify-content:space-between;align-items:center;}
.slogan{margin-left:20px;}
.logo{display:flex;align-items:center;}
form{width:330px;height:30px;background:#F6F6F6;border-radius:5px;display:flex;}
.inputBox{width:280px;border-right:1px solid #ccc;margin:6px;margin:6px 0 6px 10px;box-sizing:border-box;background:none;outline:none;}
.submit{width:40px;height:100%;background:url(../images/icon_search.png) no-repeat center;cursor:pointer;}
.headBox .other{font-size:12px;text-align:right;display:flex;flex-direction:column;justify-content:space-between;}
.headBox .date{font-size:14px;}
.headBox .date span{margin-left:6px;}
.safe a{color:#5989D3;margin-left:20px;}
.headBox .other ul{display:flex;justify-content:flex-end;margin-top:15px;}
.headBox .other ul li{width:30px;height:24px;line-height:24px;background-position:center top;background-repeat:no-repeat;padding-top:28px;margin:0 10px;cursor:pointer;text-align:center;position:relative;}
.headBox .other ul li:hover{color:#DE3226;}
.headBox .other ul li:nth-child(1){background-image:url(../images/icon_wap.png);position:relative;}
.headBox .other ul li:nth-child(2){background-image:url(../images/icon_lanOn.png);text-align:center;position:relative;padding:0;height:auto;}
.headBox .other ul li:nth-child(2) a{padding-top:28px;display:block;}
.headBox .other ul li:nth-child(1):hover{background-image:url(../images/icon_wapOn.png);}
.headBox .other ul li:nth-child(2):hover{background-image:url(../images/icon_lan.png);}
.headBox .other ul li div{display:none;font-size:14px;width:196px;background:#fff;border:1px dashed #DD3226;border-radius:3px;margin-left:-83px;margin-top:8px;text-align:left;position:relative;z-index:9;}
.headBox .other ul li div::before{content:'';display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #DD3226;position:absolute;top:-11px;left:50%;margin-left:-5px;}
.headBox .other ul li div a{height:40px;line-height:40px;border-top:1px solid #F2F2F2;padding-left:40px;display:block;background-position:center left 12px;background-repeat:no-repeat;}
.headBox .other ul li:nth-child(1) div{padding:15px;box-sizing:border-box;}
.headBox .other ul li div img{width:100%;}
.headBox .other ul li:hover div{display:block;}

.nav_index{font-size:18px;font-weight:bold;height:57px;background:#F2F2F2;}
.nav_index .w{height:100%;display:flex;justify-content:space-around;align-items:center;}
.nav_index a:hover{color:#DE3228;}
.home{color:#DE3228;background:url(../images/icon_homeOn.png) no-repeat;padding-left:30px;}
.nav_sub>div{width:1420px;}

h3{width:100%;height:24px;font-size:30px;margin-top:50px;margin-bottom:30px;font-weight:bold;background:url(../images/icon_bg_channel.png) repeat-x right bottom;}
h3 a{display:inline-block;background:#fff;padding-right:30px;}
.main{font-size:20px;line-height:28px;padding:20px 20px 50px;background:#fff;}
.main img,.WP li,.WP li a{border-radius:3px;}
.news{display:flex;flex-wrap:wrap;justify-content:space-between;}
.news ul{width:319px;}
.news ul:nth-child(2){width:600px;}
.news ul:nth-child(1) a:nth-child(1),.news ul:nth-child(3) a:nth-child(1){border:0;padding-top:0;}
.news ul:nth-child(2) a{border:0;padding:0;}
.news ul a{padding:15px 0;display:block;border-top:1px solid #F2F2F2;}
.news img,.photo img,.FBH img{width:100%;margin-bottom:10px;}
.news p,.video li>div p{color:#888;margin-top:10px;}
.news ul:nth-child(2) h4,.video li>div h4{font-size:26px;font-weight:bold;line-height:34px;}

.feature{display:flex;justify-content:space-between;margin-top:40px;}
.feature a{width:410px;height:114px;}
.feature a img,.video .pic img{width:100%;height:100%;}
.feature a img{object-fit:cover;}


.photo ul a{width:360px;height:auto;display:block; float:left}
.photo div:nth-child(1) ul a:nth-child(1){width:900px;height:506px; margin-right:20px}
.photo div:nth-child(1) ul a:nth-child(1){margin-bottom:13px;}
.photo div:last-child ul a:last-child{margin-top:20px;}
.photo img{width:100%;height:100%;-webkit-transition-duration: .5s;transition-duration: .5s;}

.FBH>div,.FBH ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.FBH>div{padding-top:5px;}
.FBH .pic{width:600px;}
.FBH ul{width:660px;}
.FBH ul a{width:320px;border-top:1px solid #F2F2F2;padding:25px 20px;box-sizing:border-box;}
.FBH ul a:nth-child(-n+2){border-top:0;padding-top:0;}
.FBH ul a:nth-child(n+7){padding-bottom:0;}
.FBH h4{font-size:20px;overflow:hidden;}

.video ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.video li{width:305px;}
.video li:nth-child(1){width:100%;display:flex;justify-content:space-between;margin-bottom:30px;}
.video li>div{width:490px;}
.video .pic{width:100%;height:172px;margin-bottom:5px;position:relative;}
.video li>.pic{width:760px;height:429px;}
.video .pic span{width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-image:url(../images/icon_play.png);position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background-size:contain;}
.video li>.pic span{width:60px;height:60px;margin-left:-30px;margin-top:-30px;}

.WP ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.WP li{width:245px;height:331px;background:#F6F6F6;line-height:26px;padding:10px;box-sizing:border-box;}
.WP li:hover{background:#F6A545;}
.WP li a{width:225px;height:311px;padding:50px 15px 40px;border:1px solid #F6A545;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;text-align:center;}
.WP li a p:last-child{font-size:16px}

.ad{display:flex;justify-content:space-between;margin:50px 0;}
.rollList{width:100%;height:60px;line-height:60px;background:#F2F2F2;font-size:18px;overflow:hidden;}
.rollList>div{position:relative;}
.rollList>div::before,.rollList>div::after{content:'';width:30px;position:absolute;top:0;height:100%;z-index:1;}
.rollList>div::before{left:0;
    background-image:linear-gradient(
    to right,
    rgba(242,242,242,1) 10%,
    rgba(242,242,242,0) 100%);}
.rollList>div::after{right:0;
    background-image:linear-gradient(
    to left,
    rgba(242,242,242,1) 10%,
    rgba(242,242,242,0) 100%);}
.rollList a{margin-right:40px;}
i{margin-right:10px;}
.channelBox{display:flex;justify-content:space-between;}
.channelBox>div,.fbh li{width:625px;}
.channelBox li span{width:85px;color:#bbb;font-size:14px;text-align:right;}

.channelListA{margin-top:50px;}
.channelListA ul{ width:319px; margin-right:20px; float:left}
.channelListA ul:last-child{margin:0px;}
.channelListA ul li{ border-bottom:1px solid #F2F2F2; font-size:18px; line-height:28px}
.channelListA ul li h4{ padding:15px 0; height:84px}
.channelListA ul li:last-child{border-bottom:none}
.channelListA ul li img{ width:319px; height:180px}
.channelListA ul:nth-child(2){width:600px;}
.channelListA ul:nth-child(2) li img{ width:600px; height:338px}
.channelListA ul:nth-child(2) li h4{ font-size:24px; line-height:34px; }

#hetu img{width:100%;display:none;}
.topPic img{display:block!important;}